<template>
    <view :style="themeColor">
        <view class="page" >
    <view class="flex flex-wrap align-center justify-between benben-position-layout flex directOrder_flex_0"    :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
            <view   class='flex flex-wrap align-center justify-between flex-sub directOrder_fd0_0'      >
            <view   class='flex flex-wrap align-center directOrder_fd0_0_c0'   @tap.stop="handleJumpDiy" data-type="back" data-url="1"   >
        <text class='fu-iconfont2  directOrder_fd0_0_c0_c0'  >&#xe794;</text>
</view>
<text class='directOrder_fd0_0_c1'  >{{$t('确认订单')}}</text>
    <view   class='flex flex-wrap align-center directOrder_fd0_0_c0'      >
        </view>
</view>

        </view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"  ></view>
<!---无地址flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_1"    >
            <view   class='flex flex-wrap align-center justify-center flex-sub directOrder_fd1_0'   @tap="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wd/address/address?is_change=1`" v-if= " dataEssayMessage.has_address==0"  >
        <image class='directOrder_fd1_0_c0'  mode="aspectFit"  :src='STATIC_URL+"139.png"'></image>
<text class='directOrder_fd1_0_c1'  >{{$t('添加收货地址')}}</text>
</view>
</view>
        
<!---无地址flex布局结束-->
<benben-popup v-model="popupShow1679630010186" :mask="true" :mask-close-able="true"  mode='bottom' >
    <!---flex布局flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout"    >
            <view   class='flex flex-direction align-stretch directOrder_fd2_0'      >
            <view   class='flex flex-wrap align-center justify-between directOrder_fd2_0_c0'      >
            <view   class='flex flex-wrap align-center directOrder_fd2_0_c0_c0'      >
        </view>
    <view   class='flex flex-wrap align-center'      >
        <image class='directOrder_fd2_0_c0_c1_c0'  mode="aspectFit"  :src='STATIC_URL+"127.png"'></image>
<text class='directOrder_fd2_0_c0_c1_c1'  >{{$t('优惠')}}</text>
<image class='directOrder_fd2_0_c0_c1_c0'  mode="aspectFit"  :src='STATIC_URL+"128.png"'></image>
</view>
<image class='directOrder_fd2_0_c0_c2'  mode="aspectFit"  :src='STATIC_URL+"117.png"' @tap.stop="popupShow1679630010186=false" ></image>
</view>
    
    <scroll-view  class='directOrder_fd2_0_c1'  :scroll-y='true'  >
        <view class='flex flex-direction align-center benben-scroll flex'    >
                <template v-for = '(item,key0) in couponList'>
    <view   class='flex flex-direction align-stretch directOrder_fd2_0_c1_c0'   @tap.stop="useCouponFunc(item.aid)"    :key='key0'>
            <view   class='flex align-stretch directOrder_fd2_0_c1_c0_c0'    v-if= "item.is_receive!='1'"  >
            <view   class='flex flex-direction align-center justify-center directOrder_fd2_0_c1_c0_c0_c0'      >
            <view   class='flex align-center'      >
        <text class='directOrder_fd2_0_c1_c0_c0_c0_c0_c0'  >{{$t('¥')}}</text>
<text class='directOrder_fd2_0_c1_c0_c0_c0_c0_c1'  >{{item.money}}</text>
</view>
    <view   class='flex align-center directOrder_fd2_0_c1_c0_c0_c0_c1'      >
        <text   >{{$t('满')}}</text>
<text   >{{item.min_order_money}}</text>
<text   >{{$t('可减')}}</text>
</view>
</view>
    <view   class='flex flex-direction align-stretch flex-sub directOrder_fd2_0_c1_c0_c0_c1'      >
        <text class='directOrder_fd2_0_c1_c0_c0_c1_c0'  >{{item.name}}</text>
<text class='directOrder_fd2_0_c1_c0_c0_c1_c1'  >{{item.content}}</text>
    <view   class='flex align-center directOrder_fd2_0_c1_c0_c0_c1_c2'      >
        <text   >{{$t('有效期至：')}}</text>
<text   >{{item.end_time}}</text>
</view>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd2_0_c1_c0_c0_c2'      >
        <text class='directOrder_fd2_0_c1_c0_c0_c2_c0'    v-if= " item.aid==coupon_id"  >{{$t('已使用')}}</text>
<text class='self-center directOrder_fd2_0_c1_c0_c0_c2_c0'    v-if= " item.aid!=coupon_id"  >{{$t('立 即 使 用')}}</text>
</view>
</view>
</view>
    </template>
    
<benben-empty :list-data="couponList">
<view class='flex flex-direction flex-wrap align-center directOrder_fd2_0_c1_c1' >
<image class='directOrder_fd2_0_c1_c1_c0'  mode="widthFix"  :src='STATIC_URL+"178.png"'></image>

</view>
</benben-empty>
</view>
    </scroll-view>
    
</view>
</view>
        
<!---flex布局flex布局结束-->
    
</benben-popup>
<!---购物车结算flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_3"   v-if= " dataEssayMessage.has_address!=0" @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wd/address/address?is_change=1`">
            <view   class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd3_0'      >
            <view   class='flex flex-wrap align-center directOrder_fd3_0_c0'      >
        <image class='directOrder_fd3_0_c0_c0'  mode="aspectFit"  :src='STATIC_URL+"139.png"'></image>
    <view   class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd3_0_c0_c1'      >
            <view   class='flex align-center directOrder_fd3_0_c0_c1_c0'      >
        <text class='directOrder_fd3_0_c0_c1_c0_c0'  >{{dataEssayMessage.address.real_name}}</text>
<text class='directOrder_fd3_0_c0_c1_c0_c1'  >(</text>
<text class='directOrder_fd3_0_c0_c1_c0_c1'    v-if= "dataEssayMessage.address.sex=='1'"  >{{$t('先生')}}</text><text class='directOrder_fd3_0_c0_c1_c0_c1'    v-if= "dataEssayMessage.address.sex!='1'"  >{{$t('女士')}}</text>
<text class='directOrder_fd3_0_c0_c1_c0_c1'  >)</text>
<text class='flex-sub directOrder_fd3_0_c0_c1_c0_c4'  >{{dataEssayMessage.address.mobile}}</text>
</view>
    <view   class='flex align-center'      >
            <view   class='flex flex-wrap align-center flex-sub'      >
            <view   class='directOrder_fd3_0_c0_c1_c1_c0_c0'      >
        <text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'  >{{dataEssayMessage.address.province}}</text>
<text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'  >{{dataEssayMessage.address.city}}</text>
<text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'  >{{dataEssayMessage.address.district}}</text>
<text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'  >{{dataEssayMessage.address.detail}}</text>
</view>
</view>
</view>
</view>
<image class='self-center directOrder_fd3_0_c0_c2'  mode="aspectFit"  :src='STATIC_URL+"121.png"'></image>
</view>
    <view   class='flex flex-wrap align-center flex-sub'      >
            <view   class='flex flex-wrap align-center flex-sub directOrder_fd3_0_c1_c0'      >
        </view>
</view>
</view>
</view>
        
<!---购物车结算flex布局结束-->
<!---结算信息flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_4"    >
            <template v-for = '(item,key0) in dataEssayMessage.list'>
    <view   class='flex flex-direction flex-wrap align-stretch directOrder_fd4_0'       :key='key0'>
            <view   class='flex flex-wrap align-center'      >
        <image class='directOrder_fd4_0_c0_c0'  mode="aspectFit"  :src='STATIC_URL+"514.png"'></image>
<text class='directOrder_fd4_0_c0_c1'  >宜家官方</text>
<text class='fu-iconfont2  directOrder_fd4_0_c0_c2'  >&#xe7f2;</text>
</view>
    <template v-for = '(child,key1) in item.goods'>
    <view   class='flex flex-wrap align-stretch directOrder_fd4_0_c1'       :key='key1'>
        <image class='directOrder_fd4_0_c1_c0'  mode="aspectFill"  :src='child.thumb'></image>
    <view   class='flex flex-direction flex-wrap align-stretch flex-sub'      >
        <text class='directOrder_fd4_0_c1_c1_c0'  >{{child.name}}</text>
<text class='directOrder_fd4_0_c1_c1_c1'  >{{child.key_name}}</text>
    <view   class='flex flex-wrap align-center'      >
        <text class='directOrder_fd4_0_c1_c1_c2_c0'  >{{$t('¥')}}</text>
<text class=' directOrder_fd4_0_c1_c1_c2_c1'   >
    <text >{{ child.shop_price | frontPrice }}</text>
    <text class=' directOrder_fd4_0_c0_c2' >{{ child.shop_price | laterPrice }}</text>
</text>
<text class='directOrder_fd4_0_c1_c1_c2_c2'  >x</text>
<text class='directOrder_fd4_0_c1_c1_c2_c3'  >{{child.number}}</text>
</view>
</view>
</view>
    </template>
    
    <view   class='flex flex-wrap align-center directOrder_fd4_0_c2'      >
        <text class='directOrder_fd4_0_c2_c0'  >{{$t('商品总额')}}</text>
<text class='directOrder_fd4_0_c2_c1'  >{{$t('¥')}}</text>
<text class=' directOrder_fd4_0_c2_c2'   >
    <text >{{ item.goods_money | frontPrice }}</text>
    <text >{{ item.goods_money | laterPrice }}</text>
</text>
</view>
    <view   class='flex align-center directOrder_fd4_0_c1'   @tap.stop="seleceteComponFunc()"   >
        <text class='flex-sub directOrder_fd4_0_c2_c0'  >{{$t('优惠券')}}</text>
    <view   class='flex align-center directOrder_fd4_0_c3_c1'    v-if= " dataEssayMessage.coupon_money!=couponNum"  >
            <view   class='flex flex-wrap align-center'      >
        <image class='directOrder_fd4_0_c3_c1_c0_c0'  mode="aspectFit"  :src='STATIC_URL+"477.png"'></image>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd4_0_c3_c1_c1'      >
        <text class='directOrder_fd4_0_c3_c1_c1_c0'  >{{$t('优惠')}}</text>
<text class='directOrder_fd4_0_c3_c1_c1_c0'  >{{dataEssayMessage.coupon_money}}</text>
<text class='directOrder_fd4_0_c3_c1_c1_c0'  >{{$t('元')}}</text>
</view>
</view>
<benben-input class='directOrder_fd4_0_c3_c2'   type="text" :placeholder="$t('选择优惠券')" confirm-type="done" :maxlength="-1" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"    v-if= " dataEssayMessage.coupon_money<=0" />
<image class='directOrder_fd4_0_c3_c3'  mode="aspectFit"  :src='STATIC_URL+"126.png"'></image>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd4_0_c1'   @tap.stop="popupShow1679650134928=true"   >
        <text class='directOrder_fd4_0_c2_c0'  >{{$t('发票')}}</text>
<benben-input class='flex-sub directOrder_fd4_0_c3_c2'   type="text" :placeholder="$t('不开发票')" confirm-type="done" :maxlength="-1" :disabled='true' placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"  v-model="username" />
<image class='directOrder_fd4_0_c3_c3'  mode="aspectFit"  :src='STATIC_URL+"126.png"'></image>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd4_0_c1'   @tap="getExplainFunc(item.freight_explain)"   >
        <text class='directOrder_fd4_0_c2_c0'  >{{$t('运费')}}</text>
<text class='directOrder_fd4_0_c5_c1'    v-if= " item.express_price>0"  >{{$t('¥')}}</text>
<text class='directOrder_fd4_0_c5_c2'    v-if= " item.express_price<=0"  >{{$t('包邮')}}</text><text class='directOrder_fd4_0_c5_c2_1'    v-if= " item.express_price>0"  >{{item.express_price}}</text>
<image class='directOrder_fd4_0_c3_c3'  mode="aspectFit"  :src='STATIC_URL+"126.png"'></image>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd4_0_c1'      >
        <text class='directOrder_fd4_0_c2_c0'  >{{$t('留言')}}</text>
<benben-input class='flex-sub directOrder_fd4_0_c6_c1'   type="text" :placeholder="$t('建议留言前先与商家沟通确认')" confirm-type="done" :maxlength="45" placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"  v-model="liuyan" />
</view>
    <view   class='flex flex-wrap align-center justify-end directOrder_fd4_0_c1'      >
        <text class='directOrder_fd4_0_c7_c0'  >{{$t('合计:')}}</text>
<text class='directOrder_fd4_0_c7_c1'  >{{$t('¥')}}</text>
<text class=' directOrder_fd4_0_c7_c2'   >
    <text >{{ dataEssayMessage.payable_money | frontPrice }}</text>
    <text class=' directOrder_fd4_0_c0_c2' >{{ dataEssayMessage.payable_money | laterPrice }}</text>
</text>
</view>
</view>
    </template>
    
    <view   class='flex flex-wrap align-center'      >
        <image class='directOrder_fd4_1_c0'  mode="aspectFit"  :src='STATIC_URL+"515.png"'></image>
<text class='directOrder_fd4_1_c1'  >我已阅读并同意</text>
<text class='directOrder_fd4_1_c2'     @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/dlzc/agreements/agreements`" >《租赁/购买协议》</text>
</view>
</view>
        
<!---结算信息flex布局结束-->
<benben-popup v-model="popupShow1663558318653" :mask="true" :mask-close-able="true"  mode='bottom' >
    <!---运费弹窗flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_5"    >
            <view   class='flex flex-wrap align-center directOrder_fd5_0'      >
            <view   class='flex flex-wrap align-center directOrder_fd5_0_c0'      >
        </view>
<image class='directOrder_fd5_0_c1'  mode="aspectFit"  :src='STATIC_URL+"127.png"'></image>
<text class='directOrder_fd5_0_c2'  >{{$t('运费说明')}}</text>
<image class='directOrder_fd5_0_c3'  mode="aspectFit"  :src='STATIC_URL+"128.png"'></image>
<image class='directOrder_fd5_0_c0'  mode="aspectFit"  :src='STATIC_URL+"129.png"' @tap.stop="popupShow1663558318653=false" ></image>
</view>
    
    <scroll-view  class='directOrder_fd5_1'  :scroll-y='true'  >
        <view class='flex flex-direction align-stretch benben-scroll flex'    >
            <text class='directOrder_fd5_1_c0'  >{{freight_explain}}</text>
</view>
    </scroll-view>
    
</view>
        
<!---运费弹窗flex布局结束-->
    
</benben-popup>
    <view class="flex benben-position-layout flex flex-wrap align-center directOrder_flex_6"    >
        <text class='directOrder_fd6_0'  >{{$t('总计：')}}</text>
<text class='directOrder_fd6_1'  >{{$t('¥')}}</text>
<text class=' directOrder_fd6_2'   >
    <text >{{ dataEssayMessage.payable_money | frontPrice }}</text>
    <text class=' directOrder_price2_fd6_2' >{{ dataEssayMessage.payable_money | laterPrice }}</text>
</text>
<button class='directOrder_fd6_3'  @tap.stop="submitorderFunc()"  >{{$t('提交订单')}}</button>

        </view>
<view :style="{height: '90rpx'}"  ></view>
<benben-popup v-model="popupShow1685773487026" :mask="true" :mask-close-able="false"  mode='center' >
    <!---flex布局flex布局开始-->
 <view class="flex flex-direction align-stretch benben-flex-layout directOrder_flex_7"    >
            
    <scroll-view  class='directOrder_fd7_0'  :scroll-x='true' :scroll-y='true' :show-scrollbar='true'  >
        <view class='flex flex-direction align-stretch benben-scroll flex'    >
                <template v-for = '(item,key0) in list_failName'>
    <view   class='flex align-center justify-center directOrder_fd7_0_c0'       :key='key0'>
        <image class='directOrder_fd7_0_c0_c0'  mode="aspectFit"  :src='item.thumb'></image>
    <view   class='flex flex-wrap align-center flex-sub'      >
            <view        >
        <text   >{{item.name}}</text>
<text   >{{item.reason}}</text>
</view>
</view>
</view>
    </template>
    
</view>
    </scroll-view>
    
    <view   class='flex align-center justify-center directOrder_fd7_1'      >
        <button class='directOrder_fd7_1_c0'  @tap.stop="backYeFunc()"  >{{$t('返回上一页')}}</button>
<button class='directOrder_fd7_1_c1'  @tap.stop="goAddListFunc()"  >{{$t('切换收货地址')}}</button>
</view>
</view>
        
<!---flex布局flex布局结束-->
    
</benben-popup>
<benben-popup v-model="popupShow1679650134928" :mask="true" :mask-close-able="true"  mode='bottom' >
    <!---flex布局flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_8"    >
            <view   class='flex flex-wrap align-center justify-center directOrder_fd8_0'      >
        <image class='directOrder_fd8_0_c0'  mode="aspectFit"  :src='STATIC_URL+"127.png"'></image>
<text class='directOrder_fd8_0_c1'  >{{$t('抬头选择')}}</text>
<image class='directOrder_fd8_0_c0'  mode="aspectFit"  :src='STATIC_URL+"128.png"'></image>
<image class='directOrder_fd8_0_c3'  mode="aspectFit"  :src='STATIC_URL+"131.png"' @tap.stop="popupShow1679650134928=false" ></image>
</view>
    <benben-select-diy ref="showSelectPopup1687692613261" class-name='flex flex-direction align-stretch flex'  :items.sync="invoiceData" v-model="invoiceId" :label.sync="username" @change="chooseInvoiceFunc()" default-type="aid" default-label="username" :allow-cancel='false' type="radio" :disabled='false'  >
    <template v-for = '(item,key0) in invoiceData'>
            <view v-if="item.isSelected"  class='flex align-center flex directOrder_fd8_1_c0'  :key="key0" @tap="$refs.showSelectPopup1687692613261.tapHandle(key0)"     >
        <image class='directOrder_fd8_1_c0_c0'  mode="aspectFit"  :src='STATIC_URL+"3.png"'></image>
    <view   class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd8_1_c0_c1'      >
            <view   class='flex flex-wrap align-center'      >
        <text class='directOrder_fd8_1_c0_c1_c0_c0'  >{{item.username}}</text>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c0_c1'    v-if= " item.is_default=='1'"  >
        <text class='directOrder_fd8_1_c0_c1_c0_c1_c0'  >{{$t('默认')}}</text>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c0_c2'      >
        <text class='directOrder_fd8_1_c0_c1_c0_c1_c0'  >{{item.type_name}}</text>
</view>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1'      >
            <view   class='flex flex-direction flex-wrap align-stretch flex-sub'      >
            <view   class='flex flex-wrap align-center'      >
        <text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'  >{{$t('联系邮箱')}}</text>
<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'  >{{item.email}}</text>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1_c0_c1'      >
        <text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'  >{{$t('联系电话')}}</text>
<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'  >{{item.mobile}}</text>
</view>
</view>
    <view   class='flex flex-wrap align-center'   @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/fp/ApplyOpenInvoicessss/ApplyOpenInvoicessss?id=${item.aid}`"   >
        <image class='directOrder_fd8_1_c0_c1_c1_c1_c0'  mode="aspectFit"  :src='STATIC_URL+"134.png"'></image>
<text class='directOrder_fd8_1_c0_c1_c1_c1_c1'  >{{$t('编辑')}}</text>
</view>
</view>
</view>
</view>    <view  v-else  class='flex align-center flex directOrder_fd8_1_c0'  :key="key0" @tap="$refs.showSelectPopup1687692613261.tapHandle(key0)"     >
        <image class='directOrder_fd8_1_c0_c0'  mode="aspectFit"  :src='STATIC_URL+"135.png"'></image>
    <view   class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd8_1_c0_c1'      >
            <view   class='flex flex-wrap align-center'      >
        <text class='directOrder_fd8_1_c0_c1_c0_c0'  >{{item.username}}</text>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c0_c1'    v-if= " item.is_default=='1'"  >
        <text class='directOrder_fd8_1_c0_c1_c0_c1_c0'  >{{$t('默认')}}</text>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c0_c2'      >
        <text class='directOrder_fd8_1_c0_c1_c0_c1_c0'  >{{item.type_name}}</text>
</view>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1'      >
            <view   class='flex flex-direction flex-wrap align-stretch flex-sub'      >
            <view   class='flex flex-wrap align-center'      >
        <text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'  >{{$t('联系邮箱')}}</text>
<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'  >{{item.email}}</text>
</view>
    <view   class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1_c0_c1'      >
        <text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'  >{{$t('联系电话')}}</text>
<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'  >{{item.mobile}}</text>
</view>
</view>
    <view   class='flex flex-wrap align-center'   @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/fp/ApplyOpenInvoicessss/ApplyOpenInvoicessss?id=${item.aid}`"   >
        <image class='directOrder_fd8_1_c0_c1_c1_c1_c0'  mode="aspectFit"  :src='STATIC_URL+"134.png"'></image>
<text class='directOrder_fd8_1_c0_c1_c1_c1_c1'  >{{$t('编辑')}}</text>
</view>
</view>
</view>
</view></template></benben-select-diy>
<button class='directOrder_fd8_2'  @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/fp/ApplyOpenInvoicessss/ApplyOpenInvoicessss`"  >{{$t('添加新的抬头')}}</button>
<button class='directOrder_fd8_3'  @tap.stop="NotInvoicingFunc()"  >{{$t('不开发票')}}</button>
</view>
        
<!---flex布局flex布局结束-->
    
</benben-popup>
    
    
        </view>
    </view>
</template>
<script>
    import {validate} from '@/common/utils/validate.js'
    
    export default {
        components:{},
        
        
        data(){
			return {"popupShow1679650134928":false,"popupShow1685773487026":false,"popupShow1663558318653":false,"popupShow1679630010186":false,"coupon_id":"","couponType":[],"dataHead":[],"dataDetails":{"id":"","cid":"","adslogan":"","name":"","sales_sum":"","spectypeid":"","click":"","is_recommend":"","is_new":"","is_hot":"","shop_price":"","member_price":"","market_price":"","images":[],"thumb":"","body":"","description":"","stock":"","is_spec":"","is_shipping":"","freight_price":"","support_self_mention":"","freight_template_id":"","partner_id":"","video":"","video_img":"","share_award_money":"","discounts":"","spec_list":[],"sku_list":{"sku_id":"","key":"","key_name":"","member_price":"","shop_price":"","market_price":"","stock":""},"coupon_list":[],"activity_info":{"activity_type":""},"user_level":"","is_collect":"","comment_total":"","praise_rate":"","freight_explain":"","freight_name":"","sale_top_name":"","question_total":"","question_list":[],"goods_type":"","chat_price":"","shop_info":{"store_id":"","store_name":"","store_logo":"","level_name":"","store_star":"","store_collection_num":""},"warm_prompt":"","comment":[]},"dataEssayMessage":{"order_type":"","list":[],"shop_coupon":"","coupon":"","coupon_money":"","address":{"aid":"","member_id":"","uid":"","create_time":"","update_time":"","sort":"","is_del":"","status":"","create_id":"","row_lock":"","user_id":"","real_name":"","mobile":"","detail":"","province":"","province_id":"","city":"","city_id":"","district":"","district_id":"","sex":"","label_name":"","is_default":"","lng":"","lat":"","address_code":"","address_code_province":"","address_code_city":"","address_code_district":""},"payable_money":"","order_money":"","coupon_usable_num":"","express_price":"","all_discount_money":"","discount_str":"","has_address":"","coupon_search":[]},"status_msg":"","invoiceId":"","username":"不开发票","invoiceData":[],"shop_coupon_list":"","address_id":"","showType":"1","couponList":[],"sifou":false,"couponMessage":{"goodid":"","classification":"","money":""},"couponNum":0,"backMsg":"","liuyan":"","freight_explain":"","list_failName":[{"name":"","thumb":"","reason":""}],"zerNum":0,"coupon_text":"","goods_id":"346","sku_id":"","num":"100","money":"","shop_coupon_id":"","number":"2","activity_id":"","invoice_id":"","cartid":"","id":"346"};
		},
		computed:{
            themeColor() {
              return this.$store.getters.themeColor
            },
                         isLogin() {
      return this.$store.state.token == '' ? false : true;
    }
		},
		watch:{},
		onLoad(options){
            let {goods_id,sku_id,num,money,address_id,shop_coupon_id,number,activity_id,invoice_id,cartid,id}=options
if (goods_id !== undefined) this.goods_id = goods_id
if (sku_id !== undefined) this.sku_id = sku_id
if (num !== undefined) this.num = num
if (money !== undefined) this.money = money
if (address_id !== undefined) this.address_id = address_id
if (shop_coupon_id !== undefined) this.shop_coupon_id = shop_coupon_id
if (number !== undefined) this.number = number
if (activity_id !== undefined) this.activity_id = activity_id
if (invoice_id !== undefined) this.invoice_id = invoice_id
if (cartid !== undefined) this.cartid = cartid
if (id !== undefined) this.id = id
this.diyPageListen()
		},
        onUnload() {
            this.diyOffPageListen()    
        },
		onReady(){
            
		},
		onShow(){
            this.panduanFunc()
this.getInvoiceListFunc()
		},
		onHide(){
            
		},
		onResize(){
            
		},
		onPullDownRefresh(){
            
		},
		onReachBottom(e){
            
		},
		onPageScroll(e){
            
		},
		methods:{
                            //返回上一页
                 backYeFunc(){
                        this.popupShow1685773487026 = false;
            this.$urouter.navigateBack(1);
                },
                //修改收货地址
                 goAddListFunc(){
                        this.popupShow1685773487026 = false;
    this.$urouter.navigateTo(`/pages/wd/address/address?is_change=1`);
                },
                //获取发票数据
                async getInvoiceListFunc(){
                        //请求方法
    //数据验证
    
  let datainvoiceData = await this.$api.get(global.apiUrls.post6418475995586, {
    
  });
  
  if (datainvoiceData.data.code != 1) {
    this.$message.info(datainvoiceData.data.msg);
    return
  } 
  let infoinvoiceData = datainvoiceData.data;
  this.invoiceData = infoinvoiceData.data
  
                },
                //选择发票
                 chooseInvoiceFunc(){
                        this.popupShow1679650134928 = false;
    if( this.invoiceId!=''){
            this.invoiceData.forEach(item => {
    if (item.aid == this.invoiceId) {
        this.username = item.username
    }
})
    }
    else{
           this.username = '不开发票';
    }
                },
                //不开发票
                 NotInvoicingFunc(){
                       this.username = '不开发票';
   this.invoiceId = '';
    this.popupShow1679650134928 = false;
                },
                //预下单-直接购买确认订单信息
                async queryEssayMessageFunc(){
                        //请求方法
    //数据验证
    
  let datadataEssayMessage = await this.$api.post(global.apiUrls.post62c6a51abaf56, {
    goods_id:this.goods_id,sku_id:this.sku_id,number:this.num,coupon_id:this.coupon_id,address_id:this.address_id,shop_coupon_id:this.shop_coupon_list,invoice_id:this.invoiceId
  });
  
  if (datadataEssayMessage.data.code != 1) {
    this.$message.info(datadataEssayMessage.data.msg);
    return
  } 
  let infodataEssayMessage = datadataEssayMessage.data;
  this.dataEssayMessage = infodataEssayMessage.data
  
    if (this.dataEssayMessage.list_fail.length != 0) {
                  this.list_failName = this.dataEssayMessage.list_fail
                    this.popupShow1685773487026 = true
                }
if (this.dataEssayMessage.address && this.dataEssayMessage.address.length != 0) {
					this.address_id = this.dataEssayMessage.address.aid;
				} else {
					this.dataEssayMessage.address = null
				}
this.shop_coupon_list = {};            
    this.couponMessage.goodid =this.dataEssayMessage.coupon_search.goods
this.couponMessage.classification =this.dataEssayMessage.coupon_search.category
this.couponMessage.money =this.dataEssayMessage.coupon_search.moeny
                setTimeout(()=>{
                            this.getCouponFunc()
      },500)
                },
                //获取购物车直接下单信息
                async getBuyCarFunc(){
                        //请求方法
    //数据验证
    
  let datadataDetails = await this.$api.post(global.apiUrls.post62c7980999c75, {
    cart_ids:this.cartid,use_coupon:'0',coupon_id:this.coupon_id,address_id:this.address_id
  });
  
  if (datadataDetails.data.code != 1) {
    this.$message.info(datadataDetails.data.msg);
    return
  } 
  let infodataDetails = datadataDetails.data;
  this.dataDetails = infodataDetails.data
  
   this.dataEssayMessage = this.dataDetails;
    if (this.dataEssayMessage.list_fail.length != 0) {
                  this.list_failName = this.dataEssayMessage.list_fail
                    this.popupShow1685773487026 = true
                }
if (this.dataEssayMessage.address && this.dataEssayMessage.address.length != 0) {
					this.address_id = this.dataEssayMessage.address.aid;
				} else {
					this.dataEssayMessage.address = null
				}
this.shop_coupon_list = {};         
    this.couponMessage.goodid =this.dataEssayMessage.coupon_search.goods
this.couponMessage.classification =this.dataEssayMessage.coupon_search.category
this.couponMessage.money =this.dataEssayMessage.coupon_search.moeny

                setTimeout(()=>{
                            this.getCouponFunc()
      },500)
                },
                //判断是否购物车
                 panduanFunc(){
                        if( this.cartid!=''){
                            this.getBuyCarFunc()
    }
    else{
                            this.queryEssayMessageFunc()
    }
                },
                //删除购物车信息
                async delCartGoodsFunc(){
                        //请求方法
    //数据验证
    
  let data62beb3fca0209 = await this.$api.post(global.apiUrls.post62beb3fca0209, {
    cart_ids:this.cartid
  });
  
  if (data62beb3fca0209.data.code != 1) {
    this.$message.info(data62beb3fca0209.data.msg);
    return
  } 
  
  
  
                },
                //切换订单收货类型
                 changeOrderTypeFunc(type){
                        if( type==this.showType){
                        return
    }
    else{
           this.showType = type;
    }
                },
                //获取可用优惠券
                async getCouponFunc(){
                        //请求方法
    //数据验证
    
  let datacouponList = await this.$api.post(global.apiUrls.post5d916c0c775ff, {
    goods_ids:this.couponMessage.goodid,category_ids:this.couponMessage.classification,money:this.couponMessage.money
  });
  
  if (datacouponList.data.code != 1) {
    this.$message.info(datacouponList.data.msg);
    return
  } 
  let infocouponList = datacouponList.data;
  this.couponList = infocouponList.data
  
    if( this.couponList.length<=0){
           this.coupon_text = '暂无可用优惠券';
    }
                },
                //使用优惠券
                 useCouponFunc(id){
                        if( this.coupon_id==id){
           this.coupon_id = '';
                    this.panduanFunc()
    this.popupShow1679630010186 = false;
    }
    else{
           this.coupon_id = id;
                    this.panduanFunc()
    this.popupShow1679630010186 = false;
    }
                },
                //选择优惠券
                 seleceteComponFunc(){
                        if( this.couponList.length>0){
            this.popupShow1679630010186 = true;
    }
    else{
                            this.$message.info('暂无可用优惠券');
    }
                },
                //获取运费说明
                 getExplainFunc(test){
                        if(test == '' || !test){
                            this.$message.info('暂无运费说明');
    }
    else{
           this.freight_explain = test;
    this.popupShow1663558318653 = true;
    }
                },
                //提交订单
                 submitorderFunc(){
                        if (!validate(this.dataEssayMessage.address, 'require')) {
    uni.showToast({
        title: global.i18n.t('请选择地址'),
        mask: true,
        icon: 'none',
        duration: 1500
    });
    return false;
}
var order_info = {};
let remark_list = {}
let invoice_list = {}
if (this.invoiceId) {
    invoice_list = {
        '0': {
            'invoice_id': this.invoiceId
        }
    }
}
if (this.liuyan) {
    remark_list = {
        "0": {
            "remark": this.liuyan
        }
    }
}
// 将商品信息传给后端
let newGoods = [];
this.dataEssayMessage.list.forEach(item => {
    newGoods = newGoods.concat(item.goods)

})
order_info.goods = newGoods;
order_info.address = this.dataEssayMessage.address;


this.$api.dbPost(global.apiUrls.post62c8038d96dab, {
    address_id: this.address_id,
    remark_list: JSON.stringify(remark_list),
    shop_coupon_list: this.shop_coupon_list,
    invoice_list: JSON.stringify(invoice_list),
    coupon_id: this.coupon_id,
    order_info: JSON.stringify(order_info),
    share_sign:uni.getStorageSync('inviteCode')||''
}).then(res => {
    res = res.data;
    if (res.code == 1) {
    uni.removeStorageSync('inviteCode')
        if (this.dataEssayMessage.payable_money <= 0) {
            this.$urouter.redirectTo(`/pages/sy/resultPayment/resultPayment?order_sn=${res.data.order_sn[0]}`);
            return;
        }
        this.$urouter.redirectTo(
            `/pages/sy/offerPay/offerPay?order_sn=${res.data.order_sn[0]}&order_type=3`);
        if (this.cartid) {}
    } else {
        this.backMsg = res.msg
        this.popupShow1685773487026 = true
    }
})
                },
    //页面监听
    diyPageListen() {
                  uni.$on('isokaddid',(data) => {
                  this.address_id = data;
                    this.panduanFunc()
                return
          });
          uni.$on('upinvoice',(data) => {
                                   this.getInvoiceListFunc()
          });
    }                     ,
    //注销页面监听
    diyOffPageListen() {
                     uni.$off('isokaddid');
             uni.$off('upinvoice');
    }                     
		}
    };
</script> 
<style lang="scss" scoped>
           .page{
            width: 100vw;
            overflow-x: hidden;
            min-height: calc(100vh - var(--window-bottom));
            background:#F8F8F8;background-size: 100% auto;
        }
    .directOrder_flex_0{
        border-bottom:1px solid #eee;background:#fff;width:750rpx;height:88rpx;overflow:hidden;z-index:10;top:0rpx;background-size:100% auto !important;
    }
    .directOrder_fd0_0_c1{
        font-size:36rpx;font-weight:500;color:#333;line-height:50rpx;
    }
    .directOrder_fd0_0_c0_c0{
        font-size:36rpx;color:#333;
    }
    .directOrder_fd0_0_c0{
        width:40rpx;height:40rpx;
    }
    .directOrder_fd0_0{
        height:88rpx;padding:0rpx 32rpx 0rpx 32rpx;
    }
    .directOrder_flex_1{
        margin:20rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd1_0_c1{
        line-height:45rpx;font-size:32rpx;font-weight:700;color:#333333;max-width:200rpx;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;margin:0rpx 0rpx 0rpx 24rpx;
    }
    .directOrder_fd1_0_c0{
        width:60rpx;height:60rpx;
    }
    .directOrder_fd1_0{
        background:var(--benbenbgColor1);background-size:100% auto !important;padding:32rpx 0rpx 32rpx 0rpx;border-radius:16rpx 16rpx 16rpx 16rpx;margin:0rpx 24rpx 24rpx 24rpx;
    }
    .directOrder_fd2_0_c1_c1_c0{
        width:400rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd2_0_c1_c1{
        width:686rpx;padding:50rpx 0rpx 50rpx 0rpx;
    }
    .directOrder_fd2_0_c1_c0_c0_c2_c0{
        color:#FFFFFF;font-size:24rpx;font-weight:500;line-height:33rpx;width:36rpx;
    }
    .directOrder_fd2_0_c1_c0_c0_c2{
        margin:0rpx 5rpx 0rpx 14rpx;
    }
    .directOrder_fd2_0_c1_c0_c0_c1_c2{
        color:#666666;font-size:22rpx;line-height:30rpx;font-weight:400;
    }
    .directOrder_fd2_0_c1_c0_c0_c1_c1{
        margin:8rpx 0rpx auto 0rpx;color:#999999;font-size:24rpx;font-weight:400;line-height:33rpx;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .directOrder_fd2_0_c1_c0_c0_c1_c0{
        color:#333333;font-size:32rpx;font-weight:600;line-height:45rpx;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .directOrder_fd2_0_c1_c0_c0_c1{
        margin:24rpx 14rpx 24rpx 32rpx;
    }
    .directOrder_fd2_0_c1_c0_c0_c0_c1{
        color:#FFFFFF;font-size:24rpx;line-height:33rpx;font-weight:700;
    }
    .directOrder_fd2_0_c1_c0_c0_c0_c0_c1{
        font-size:64rpx;font-weight:700;color:var(--benbenFontColor3);
    }
    .directOrder_fd2_0_c1_c0_c0_c0_c0_c0{
        font-size:28rpx;font-weight:700;color:var(--benbenFontColor3);margin:15rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd2_0_c1_c0_c0_c0{
        width:192rpx;height:188rpx;
    }
    .directOrder_fd2_0_c1_c0_c0{
        background:url(image-path('41.png')) no-repeat;background-size:100% auto !important;margin:24rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd2_0_c1_c0{
        width:686rpx;
    }
    .directOrder_fd2_0_c1{
        touch-action:none;height:50vh;width:686rpx;
    }
    .directOrder_fd2_0_c0_c2{
        width:40rpx;height:40rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd2_0_c0_c1_c1{
        color:#333333;font-size:40rpx;font-weight:500;line-height:56rpx;margin:0rpx 32rpx 0rpx 32rpx;
    }
    .directOrder_fd2_0_c0_c1_c0{
        width:32rpx;height:10rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd2_0_c0_c0{
        width:40rpx;height:40rpx;
    }
    .directOrder_fd2_0_c0{
        margin:0rpx 0rpx 8rpx 0rpx;
    }
    .directOrder_fd2_0{
        background:#FFFFFF;border-radius:20rpx 20rpx 0rpx 0rpx;padding:40rpx 32rpx 40rpx 32rpx;width:750rpx;
    }
    .directOrder_flex_3{
        margin:0rpx 0rpx 24rpx 0rpx;padding:0rpx 24rpx 0rpx 24rpx;
    }
    .directOrder_fd3_0_c1_c0{
        background:url(image-path('122.png')) no-repeat ,transparent;height:6rpx;background-size:100% auto !important;
    }
    .directOrder_fd3_0_c0_c2{
        width:12rpx;height:22rpx;margin:8rpx 0rpx 0rpx 32rpx;
    }
    .directOrder_fd3_0_c0_c1_c1_c0_c0_c0{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#666666;
    }
    .directOrder_fd3_0_c0_c1_c1_c0_c0{
        -webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .directOrder_fd3_0_c0_c1_c0_c4{
        line-height:40rpx;font-size:32rpx;font-weight:500;color:#333333;margin:0rpx 0rpx 0rpx 32rpx;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .directOrder_fd3_0_c0_c1_c0_c1{
        line-height:45rpx;font-size:32rpx;font-weight:700;color:#333333;
    }
    .directOrder_fd3_0_c0_c1_c0_c0{
        line-height:45rpx;font-size:32rpx;font-weight:700;color:#333333;max-width:200rpx;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .directOrder_fd3_0_c0_c1_c0{
        margin:0rpx 0rpx 16rpx 0rpx;
    }
    .directOrder_fd3_0_c0_c1{
        margin:0rpx 0rpx 0rpx 32rpx;
    }
    .directOrder_fd3_0_c0_c0{
        width:60rpx;height:60rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd3_0_c0{
        margin:0rpx 32rpx 32rpx 24rpx;
    }
    .directOrder_fd3_0{
        background:var(--benbenbgColor1);background-size:100% auto !important;padding:32rpx 0rpx 0rpx 0rpx;border-radius:16rpx 16rpx 16rpx 16rpx;
    }
    .directOrder_flex_4{
        border-radius:16rpx 16rpx 16rpx 16rpx;padding:0rpx 24rpx 0rpx 24rpx;
    }
    .directOrder_fd4_1_c2{
        color:var(--benbenFontColor4);
    }
    .directOrder_fd4_1_c1{
        margin:0rpx 0rpx 0rpx 12rpx;
    }
    .directOrder_fd4_1_c0{
        width:35rpx;height:35rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd4_0_c7_c2{
        color:rgba(250, 32, 51, 1);font-weight:500;line-height:32rpx;font-size:32rpx;
    }
    .directOrder_fd4_0_c7_c1{
        line-height:32rpx;font-size:22rpx;font-weight:500;color:rgba(250, 32, 51, 1);
    }
    .directOrder_fd4_0_c7_c0{
        line-height:33rpx;font-size:24rpx;font-weight:500;color:#666666;
    }
    .directOrder_fd4_0_c6_c1{
        margin:0rpx 0rpx 0rpx 32rpx;font-size:28rpx;font-weight:400;color:#333;
    }
    .directOrder_fd4_0_c5_c2_1{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;
    }
    .directOrder_fd4_0_c5_c2{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;margin:0rpx 0rpx 0rpx auto;
    }
    .directOrder_fd4_0_c5_c1{
        margin:0rpx 0rpx 0rpx auto;font-size:28rpx;font-weight:400;line-height:40rpx;color:#333;
    }
    .directOrder_fd4_0_c3_c3{
        width:12rpx;height:22rpx;margin:0rpx 0rpx 0rpx 16rpx;
    }
    .directOrder_fd4_0_c3_c2{
        margin:0rpx 0rpx 0rpx 32rpx;font-size:28rpx;font-weight:400;color:#333;text-align:right;
    }
    .directOrder_fd4_0_c3_c1_c1_c0{
        color:#FA2033;font-size:22rpx;font-weight:500;line-height:30rpx;
    }
    .directOrder_fd4_0_c3_c1_c1{
        background:#FFDEDE;padding:0rpx 10rpx 0rpx 7rpx;height:38rpx;border-radius:8rpx;background-size:100% auto;
    }
    .directOrder_fd4_0_c3_c1_c0_c0{
        width:40rpx;height:38rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd4_0_c3_c1{
        background:#FFDEDE;height:38rpx;background-size:100% auto;border-radius:8rpx;
    }
    .directOrder_fd4_0_c2_c2{
        color:#333333;font-weight:400;line-height:40rpx;font-size:28rpx;
    }
    .directOrder_fd4_0_c2_c1{
        margin:0rpx 0rpx 0rpx auto;line-height:40rpx;font-size:28rpx;font-weight:400;color:#333333;
    }
    .directOrder_fd4_0_c2_c0{
        line-height:40rpx;font-size:28rpx;font-weight:500;color:#333333;
    }
    .directOrder_fd4_0_c2{
        border-top:1px solid #eee;margin:0rpx 0rpx 32rpx 0rpx;padding:32rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd4_0_c1_c1_c2_c3{
        line-height:33rpx;font-size:24rpx;font-weight:400;color:#999999;
    }
    .directOrder_fd4_0_c1_c1_c2_c2{
        margin:0rpx 0rpx 0rpx auto;line-height:33rpx;font-size:24rpx;font-weight:400;color:#999999;
    }
    .directOrder_fd4_0_c1_c1_c2_c1{
        color:var(--benbenFontColor0);font-weight:700;line-height:40rpx;font-size:32rpx;
    }
    .directOrder_fd4_0_c1_c1_c2_c0{
        line-height:40rpx;font-size:20rpx;font-weight:700;color:var(--benbenFontColor0);
    }
    .directOrder_fd4_0_c1_c1_c1{
        line-height:33rpx;font-size:24rpx;font-weight:400;color:#999999;margin:8rpx 0rpx auto 0rpx;
    }
    .directOrder_fd4_0_c1_c1_c0{
        line-height:42rpx;font-size:28rpx;font-weight:600;color:#333333;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;height:84rpx;
    }
    .directOrder_fd4_0_c1_c0{
        width:200rpx;height:200rpx;border-radius:16rpx 16rpx 16rpx 16rpx;margin:0rpx 24rpx 0rpx 0rpx;
    }
    .directOrder_fd4_0_c1{
        margin:0rpx 0rpx 32rpx 0rpx;
    }
    .directOrder_fd4_0_c0_c2{
        font-size:22rpx;
    }
    .directOrder_fd4_0_c0_c1{
        margin:0rpx 16rpx 0rpx 16rpx;
    }
    .directOrder_fd4_0_c0_c0{
        width:33rpx;height:33rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd4_0{
        background:#fff;padding:32rpx 24rpx 0rpx 24rpx;margin:0rpx 0rpx 20rpx 0rpx;background-size:100% auto !important;border-radius:16rpx 16rpx 16rpx 16rpx;
    }
    .directOrder_flex_5{
        background:#fff;background-size:100% auto !important;border-radius:24rpx 24rpx 0rpx 0rpx;
    }
    .directOrder_fd5_1_c0{
        line-height:42rpx;font-size:28rpx;font-weight:400;color:#666666;
    }
    .directOrder_fd5_1{
        touch-action:none;width:686rpx;height:500rpx;margin:0rpx auto 40rpx auto;
    }
    .directOrder_fd5_0_c3{
        width:32rpx;height:10rpx;margin:0rpx auto 0rpx 0rpx;
    }
    .directOrder_fd5_0_c2{
        line-height:50rpx;font-size:36rpx;font-weight:700;color:#333333;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;margin:0rpx 16rpx 0rpx 16rpx;
    }
    .directOrder_fd5_0_c1{
        width:32rpx;height:10rpx;margin:0rpx 0rpx 0rpx auto;
    }
    .directOrder_fd5_0_c0{
        width:40rpx;height:40rpx;
    }
    .directOrder_fd5_0{
        margin:40rpx 32rpx 32rpx 32rpx;
    }
    .directOrder_flex_6{
        background:#fff;width:750rpx;height:90rpx;overflow:hidden;z-index:10;bottom:calc(0rpx + var(--window-bottom));background-size:100% auto !important;
    }
    .directOrder_fd6_3{
        background:var(--benbenbgColor7);border-radius:0rpx 0rpx 0rpx 0rpx;font-size:32rpx;color:#fff;margin:0rpx 0rpx 0rpx auto;width:280rpx;height:90rpx;line-height:90rpx;
    }
    .directOrder_price2_fd6_2{
        font-size:22rpx;
    }
    .directOrder_fd6_2{
        color:var(--benbenFontColor7);font-weight:700;line-height:32rpx;font-size:32rpx;
    }
    .directOrder_fd6_1{
        line-height:30rpx;font-size:20rpx;font-weight:700;color:var(--benbenFontColor7);margin:4rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd6_0{
        color:#1A1A1A;font-size:28rpx;font-weight:400;line-height:40rpx;margin:0rpx 4rpx 0rpx 32rpx;
    }
    .directOrder_flex_7{
        background:var(--benbenbgColor1);background-size:100% auto !important;border-radius:16rpx 16rpx 16rpx 16rpx;width:540rpx;padding:80rpx 24rpx 80rpx 24rpx;
    }
    .directOrder_fd7_1_c1{
        background:var(--benbenbgColor7);font-size:24rpx;color:var(--benbenFontColor3);height:64rpx;padding:0rpx 20rpx 0rpx 20rpx;border-radius:100rpx;line-height:64rpx;margin:0rpx 0rpx 0rpx 20rpx;
    }
    .directOrder_fd7_1_c0{
        border:1px solid var(--benbenbdColor0);background:#EEF5F1;font-size:24rpx;color:var(--benbenFontColor5);height:64rpx;padding:0rpx 20rpx 0rpx 20rpx;border-radius:100rpx;line-height:64rpx;margin:0rpx 20rpx 0rpx 0rpx;
    }
    .directOrder_fd7_1{
        margin:40rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd7_0_c0_c0{
        width:120rpx;height:120rpx;border-radius:16rpx;margin:0rpx 16rpx 0rpx 0rpx;
    }
    .directOrder_fd7_0_c0{
        margin:0rpx 32rpx 24rpx 32rpx;
    }
    .directOrder_fd7_0{
        touch-action:none;width:492rpx;max-height:400rpx;
    }
    .directOrder_flex_8{
        background:#FFFFFF;border-radius:24rpx 24rpx 0rpx 0rpx;padding:41rpx 24rpx 40rpx 24rpx;
    }
    .directOrder_fd8_3{
        background:var(--benbenbgColor5);border-radius:44rpx 44rpx 44rpx 44rpx;font-size:32rpx;color:rgba(102, 102, 102, 1);width:686rpx;height:80rpx;line-height:80rpx;margin:0rpx 8rpx 0rpx 8rpx;
    }
    .directOrder_fd8_2{
        background:var(--benbenbgColor7);border-radius:44rpx 44rpx 44rpx 44rpx;font-size:32rpx;color:var(--benbenFontColor3);width:686rpx;height:80rpx;line-height:80rpx;margin:56rpx 8rpx 24rpx 8rpx;
    }
    .directOrder_fd8_1_c0_c1_c1_c1_c1{
        color:#666666;font-size:28rpx;font-weight:400;line-height:40rpx;margin:0rpx 0rpx 0rpx 12rpx;
    }
    .directOrder_fd8_1_c0_c1_c1_c1_c0{
        width:30rpx;height:30rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd8_1_c0_c1_c1_c0_c1{
        margin:8rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd8_1_c0_c1_c1_c0_c0_c1{
        color:#999999;font-size:24rpx;font-weight:400;line-height:33rpx;margin:0rpx 0rpx 0rpx 10rpx;
    }
    .directOrder_fd8_1_c0_c1_c1_c0_c0_c0{
        color:#999999;font-size:24rpx;font-weight:400;line-height:33rpx;
    }
    .directOrder_fd8_1_c0_c1_c1{
        margin:16rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd8_1_c0_c1_c0_c2{
        background:var(--benbenbgColor8);margin:0rpx 0rpx 0rpx auto;border-radius:8rpx 8rpx 8rpx 8rpx;padding:0rpx 8rpx 0rpx 8rpx;
    }
    .directOrder_fd8_1_c0_c1_c0_c1_c0{
        color:var(--benbenFontColor5);font-size:24rpx;font-weight:400;line-height:33rpx;
    }
    .directOrder_fd8_1_c0_c1_c0_c1{
        background:var(--benbenbgColor8);margin:0rpx 0rpx 0rpx 16rpx;border-radius:8rpx 8rpx 8rpx 8rpx;padding:0rpx 8rpx 0rpx 8rpx;
    }
    .directOrder_fd8_1_c0_c1_c0_c0{
        color:#333333;font-size:28rpx;font-weight:500;line-height:40rpx;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;max-width:400rpx;
    }
    .directOrder_fd8_1_c0_c1{
        margin:0rpx 0rpx 0rpx 32rpx;
    }
    .directOrder_fd8_1_c0_c0{
        width:32rpx;height:32rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd8_1_c0{
        background:#F8F8F8;border-radius:16rpx 16rpx 16rpx 16rpx;padding:32rpx 32rpx 32rpx 32rpx;margin:32rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd8_0_c3{
        width:40rpx;height:40rpx;border-radius:0rpx 0rpx 0rpx 0rpx;position:absolute;top:-16rpx;right:0rpx;
    }
    .directOrder_fd8_0_c1{
        color:#333333;font-size:36rpx;font-weight:500;line-height:50rpx;margin:0rpx 24rpx 0rpx 24rpx;
    }
    .directOrder_fd8_0_c0{
        width:32rpx;height:10rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .directOrder_fd8_0{
        position:relative;
    }
</style>